<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Cosplay Graphics - Home</title>
		<link rel="stylesheet" type="text/css" href="<?=base_url()?>css/style.css"  />
		<script type="text/javascript" src="<?=base_url();?>scripts/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
		<link rel="stylesheet" href="<?=base_url();?>scripts/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />	
		<script type="text/javascript" charset="utf-8">

		$(document).ready(function() { 

			$(".create").fancybox(); 

		});

	</script>

	</head>
	<body>
	<div id="container">
			<div id="header">
				<h1>Cosplay Graphics!</h1>
			</div>
			<div id="body">
				<div class="picHolder">					
				</div>
				<div class="loginBody">

					<form id="login"  method="post" action="<?=base_url();?>index.php/home/loginHandler">
					<!-- Who are already registered,Please log in here-->
					<h4>すでに登録済みの方は、<br />こちらからログインしてください</h4>
					<!-- login email-->
					<p>ログインメールアドレス<br /><input type="text" name="username" size="30" tabindex="1"/></p>
					<!-- password-->
					<p>パスワード<br /><input type="password" name="password" size="30" tabindex="2"/></p>
					<!-- remember me? -->
					<input type="checkbox" name="cbForgotPassword" value="ForgotPassword" tabindex="3"/> 次回から自動的にログイン
					<!-- Forgot your password? -->
					<br /><a href="" title="forgot password">※パスワードを忘れた方はこちら</a>
					<!-- Create Button -->
					<a href="<?=base_url();?>index.php/create" title="create" class="create">Create Account</a>
					<!-- Login Button -->
					<br /><input type="submit" name="Login" value="Login" tabindex="4" />
					</form>
				</div>
			</div>
			<div id="footer">
				<!-- Terms and Condition|Privacy Policy|Contact Us-->
				<a href="">home</a> | <a href="">利用規約</a> | <a href="">プライバシーポリシー</a> | <a href="">お問い合わせ</a>
			</div>
		</div>
	</body>
</html>